.card {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  &.rating {
    row-gap: 66px;
  }
  :global {
    .card-item {
      position: relative;
      border-radius: 8px;
      border: 1px solid rgba(5, 5, 5, 0.06);
      padding: 16px;

      .header {
        justify-content: end;
      }

      .top {
        display: flex;
        margin-bottom: 8px;
        .avatar {
          width: 120px;
          height: 160px;
          margin-right: 10px;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .info {
          flex: 1;
          font-size: 14px;
          line-height: 2;
          .name {
            font-size: 16px;
            font-weight: 700;
          }
        }
      }
      .bottom {
        line-height: 2;
      }

      .btn {
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
      }
    }
  }
}
